@def primary-1 #00AC6B;
@def primary-2 #20815D;
@def primary-3 #007046;
@def primary-4 #35D699;
@def primary-5 #60D6A9;

@def secondary-a-1 #0C5DA5;
@def secondary-a-2 #26537C;
@def secondary-a-3 #043A6B;
@def secondary-a-4 #408DD2;
@def secondary-a-5 #679FD2;

@def secondary-b-1 #FF9500;
@def secondary-b-2 #BF8430;
@def secondary-b-3 #A66100;
@def secondary-b-4 #FFB040;
@def secondary-b-5 #FFC573;

@def complement-1 #FF4F00;
@def complement-2 #BF5D30;
@def complement-3 #A63400;
@def complement-4 #FF7B40;
@def complement-5 #FF9E73;

/** reset **/
body {
    margin: 0;
    padding: 2em;
    background: white;
    color: #000;
    font: 75%/1.33 Verdana, sans-serif;
    text-align: left;
}

h1 {
    margin: 0.5em 0;
    font-size: 200%;
}

p {
    margin: 0.5em 0;
}

A:link, A:visited, A:active {
    text-decoration: none;
    color: secondary-b-2;
}

A:hover {
    text-decoration: underline;
    color: secondary-b-1;
}